import { useState, useEffect } from 'react'
import './index.less'
import { Button, Tooltip } from 'antd'
export default function DarkBtn(props) {
    return <Tooltip title={props.title} placement={props.placement || 'left'} getTooltipContainer={e => document.getElementById('full-screen-content')}>
        {/* <div className={`dark-btn ${props.className || ''}`} style={props.style}>
            <Button size="large" type="text" icon={props.icon} onClick={props.onClick}>{props.children}</Button>
        </div> */}
        <Button style={{
            marginBottom: 4
        }} className='btn-circle' size="large" shape="circle" icon={props.icon} onClick={props.onClick}></Button>
    </Tooltip>
}